<template>
  <div class="box">
    <button class="button" @click="visible = true">弹出对话框</button>
    <dialog1 :visible="visible" :layer.sync="visible">
      <template #title> </template>

      <template #body> </template>
      <template #foot>
        <div class="foot">
          <button class="btn1" @click="visible = false">取消</button>
          <button class="btn2" @click="visible = false">确认</button>
        </div>
      </template>
    </dialog1>
  </div>
</template>

<script>
export default {
  data() {
    return {
      visible: false,
      center: Boolean,
      left: Boolean,
    }
  },
  mounted() {
    console.log(this.center)
  },
  methods: {
    tap() {
      console.log('00')
    },
  },
  computed: {},
}
</script>

<style scoped lang="scss">
* {
  margin: 0;
  padding: 0;
}
.button {
  width: 110px;
  height: 30px;
  background: blue;
  border: 1px solid #000;
}
</style>
